.captain-selection-ban-panel {
	width: 90%; 
	height: 70%; 
	background-color: #000000FF; 
/*	border: 2px solid #111111FF;*/
	flow-children: down;
	position: 5% 10% 10px;
	font-size: 25px;
	color:#FFFFFFFF;
}

.captain-selection-ban-panel-hide {
	position: -100% 15% 10px !important;
}

#pick-phase-panel {
	width: 100%;
	height: 50px;
/*	border: 2px solid #0000FFFF;*/
	flow-children: right;
	padding-top: 10px;
	padding-left: 40%;
}

.label-hide {
	visibility: collapse;
}

#pick-phase-radiant {
	color:	#00FF00FF;
}

#pick-phase-dire {
	color:	#FF0000FF;
}

#panel-left {
/*	border: 2px solid #0000FFFF;*/
	width: 80%;
	height: 100%;
	horizontal-align: left;
/*	vertical-align: bottom;*/
	flow-children: down;
	padding-left:10px;
}

.ladder_attr_heroes {
	width: 100%;
	flow-children: right;
	margin-top: 30px;
}

.hero-image {
	height: 70px;
	width: 50px;
	margin: 3px;
}

#panel-right {
	width: 20%;
	height: 100%;
	flow-children: down;
/*	border: 2px solid #0000FFFF;*/
}

#main-content-panel
{
	width: 100%;
	height: 100% - 50px;
	flow-children: right;
}

#ban-button {
	horizontal-align: center;
	/*margin-top: 20px;*/
}

.ban-button Label {
	color:	#FF0000FF;
}

.DefaultValveButtonClass
{
	width: 120px;
	height: 50px;
	
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #373d45 ), to( #4d5860 ) );
	border-style: solid;
	border-width: 1px;
	
	padding: 4px 10px;
	
	border-top-color: #555555;
	border-left-color: #494949;
	border-bottom-color: #333333;
	border-right-color: #404040;
	
	transition-property: background-color;
	transition-duration: 0.05s;
	transition-timing-function: linear;
	
	horizontal-align: center;
}

.DefaultValveButtonClass Label
{
	margin-top: 2px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FFFFFF;
	text-align: center;
	horizontal-align: center;
	vertical-align: middle;
	text-shadow: 2px 2px 0px 1.0 #000000;
	
	transition-property: color;
	transition-duration: 0.35s;
	transition-timing-function: ease-in-out;
	
	font-size: 18px;
	font-family: defaultFont;
}

.DefaultValveButtonClass:hover
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #4c5561 ), to( #6c7d88 ) );
	border-top-color: #aaaaaa77;
	border-left-color: #aaaaaa33;
	border-bottom-color: #333333;
	border-right-color: #404040;
}

.DefaultValveButtonClass:active
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #393939), to( #555555 ) );
	border-top-color: #222222;
	border-left-color: #303030;
	border-bottom-color: #666666;
	border-right-color: #444444;
	sound: "ui_generic_button_click";
}

.button-hidden {
	visibility: collapse;
}

#panel-right-radiant {
	width: 50%;
/*	border: 2px solid #0000FFFF;*/
	height: 100%;
	flow-children: down;
}

#panel-right-dire {
	width: 50%;
/*	border: 2px solid #0000FFFF;*/
	height: 100%;
	flow-children: down;
}

.hero-image-land {
	width: 80px;
	height: 35px;
	margin: 5px;
}

.hero-picked-panel {
	flow-children: right;
	horizontal-align: center;
	padding:5px;
}

.hero-picked-panel-active {
	border: 2px solid #FFFF00FF;
}

.hero-picked-type {
	vertical-align: center;
}

#panel-right-radiant-title {
	horizontal-align: center;
	color:	#00FF00FF;
}

#panel-right-dire-title {
	horizontal-align: center;
	color:	#FF0000FF;
}

.hi_selected {
	border: 2px solid #FFFF00;
}

.hero_image_hidden {
	visibility: collapse;
}
